<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:180px !important;
			}
			.label{
				width: 18vw;
			}
			.item-title{
			width: 20vw;
			}
			.list-head{
				width: 94vw;
				margin-left: 3vw;
				background-color: #fff;
				padding: 10px;
				margin-bottom: 10px;
			}
			.list button{
				margin: 0 !important;
				padding: 0 4vw !important;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">工器具</h1>
			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}	
						</div>
					</div>
				</transition>
					<div class="search-model" style="width:96vw">
						<div class="mui-input-row mui-search">
							<input type="search" class="mui-input-clear" style="background-color: #fff;" placeholder="请输入关键字信息">
						</div>
					</div>
			</div>
			<div class="flex-between list-head">
				<div class="flex-row" style="font-weight: bold;">
					<div class="icon"></div>
					设备列表
				</div>
					<button @tap="navTo('add.html')" class="submit_btn" style="	margin: 0 !important;
					padding: 0 4vw !important;">新增</button>
			</div>
			<div id="scroll" >
				
				<div class="list" id="list">		
					<div v-for="(item,index) in list" :key="index">
					   <div>
							<div class="flex-between">
								<div>
									<div class="flex-row">
										<div class="flex-row">
											<span class="label">工具名称</span>
											<div  class="item-title" @tap="navTo('detail.html')">{{item.content}}</div>
										</div>
										<div>
											<span style="margin:0 5px;">工具编号</span>
											<span>11306</span>
										</div>
									</div>	
								
									<div class="flex-row">
										<div class="label">检查时间</div>
										<div>{{item.date}}</div>	
										
										<div style="margin-left: 10px;"><span style="margin-right: 5px;">工具类型</span>电动</div>
									</div>
								</div>	
								<button class="cancel_btn">删除</button>
							</div>
						</div>
			</div>	
			</div>
			
		</div>

		<div class="flex-between fixed-bottom">
			<button class="submit_btn">保存</button>
				<button class="submit_btn">提交</button>
				<button class="cancel_btn">
					返回
				</button>
		</div>
		</div>
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/list.js"></script>
		
	</body>

</html>